import store from "../../store"
export default {
  props: {
    // 表单编辑器的配置内容
    options: {
      type: Object,
      default: () => {
        return {
          // 主题色:只支持rgb和hex格式
          themeColor: "#409EFF",
          // 接口请求头内容，如果存在则将其放置到表单编辑器的接口请求头上
          header: {},
        }
      }
    },
  },
  computed: {
    // 主题色:只支持rgb和hex格式
    themeColor() {
      return this.options?.themeColor || '#409EFF'
    },
    // 接口请求头内容，如果存在则将其放置到表单编辑器的接口请求头上
    header() {
      return this.options.header || {}
    }
  },
  mounted() {
    // 将配置内容存放在store中
    this.handleStore();

  },
  methods: {
    handleStore() {
      if (this.themeColor)
        store.commit('SET_THEMECOLOR', this.themeColor)
      if (Object.keys(this.header).length) store.commit('SET_HEADER', this.header)

    }
  },

};